<template>
	<view class="page">
		<view class="item" @click="gotoPerson(1)">
			<view class="item-title">个人认证</view>
			<view class="item-content">
				<text>个人认证</text>
			</view>
		</view>
		<view class="item" @click="gotoFirm(2)">
			<view class="item-title">企业认证</view>
			<view class="item-content item-content2">
				<text>企业认证</text>
			</view>
		</view>
		<view class="item" @click="gotoTravel(3)">
			<view class="item-title">旅行社认证</view>
			<view class="item-content item-content3">
				<text>旅行社认证</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			gotoPerson(e){
				console.log(e)
				uni.navigateTo({
					url:'/register/approve-person/approve-person?select=1&&type='+e
				});
			},
			gotoFirm(e){
				uni.navigateTo({
					url:'/register/approve-firm/approve-firm?select=1&&type='+e
				});
			},
			gotoTravel(e){
				uni.navigateTo({
					url:'/register/approve-travel/approve-travel?select=1&&type='+e
				});
			},
			gotoPage(path) {
				let self = this;
				if (path.startsWith('/')) {
					uni.navigateTo({
						url: path
					});
				} else {
					self[path]();
				}
			},
		}
	}
</script>

<style>
	.page{
		width: 100%;
		height: 100%;
		overflow: hidden;
	}
.item{
	padding: 20rpx;
	margin-top: 46rpx;
}
.item-title{
	color: #3D3D3D;
}
.item-content{	
	margin-top: 46rpx;
	padding: 20rpx;
	border-radius: 20rpx;
	height: 160rpx;
	background: url(../../static/user/approve1.png) 0 0/100% 100%;
	text-align: center;
	line-height: 160rpx;
}
.item-content2{	
	background: url(../../static/user/approve2.png) 0 0/100% 100%;
}
.item-content3{	
	background: url(../../static/user/approve3.png) 0 0/100% 100%;
}
.item-content text{
	font-size: 36rpx;
	color: #FFFFFF;
	margin-left: -80rpx;
}
</style>
